<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title>查看详情</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/main.css" />
	</head>
	<style type="text/css">
		.mui-content {
			margin: 0;
		}
	</style>
	<body>
		<div class="mui-content">
			<div class="purchasesuccessdatails">
				<div class="purchasesuccessdatails_goods">
					<div class="mui-row">
						<div class="mui-col-xs-12">
							商家信息
						</div>
						<div class="mui-col-xs-12" style="border-bottom: 1px solid #F2F2F2;padding-bottom: 0.625rem;margin-bottom: 0.625rem;">
							承包全家人的吃喝玩乐！699元抢【星河湾酒店】2大1小超值家庭套餐！日式温泉+泳池+豪华大床房/双床房+自助晚餐+自助早餐
						</div>
						<div class="mui-col-xs-12">
							<p>商家地址：广东省 广州市 番禺区 祈福集团419</p>
							<p>联系电话：15902931513</p>
						</div>
					</div>
				</div>
				<div class="purchasesuccessdatails_code">
					<div class="mui-row">
						<div class="mui-col-xs-12">
							二维码
						</div>
						<div class="mui-col-xs-12">
							<img src="images/ico_16.png" style="width: 12.5rem;margin: auto;display: block;">
							<p class="mui-text-center">出示该二维码即可消费多个订单</p>
						</div>
					</div>
				</div>
				<div class="purchasesuccessdatails_tips">
					<div class="mui-row">
						<div class="mui-col-xs-12">
							温馨提示
						</div>
						<div class="mui-col-xs-12">
							<p><span class="mui-badge mui-badge-yellow">1</span> 至少提前1小时致电门店预约，9店通用，需到店自提</p>
							<p><span class="mui-badge mui-badge-yellow">2</span> 至少提前1小时致电门店预约，9店通用，需到店自提</p>
							<p><span class="mui-badge mui-badge-yellow">3</span> 至少提前1小时致电门店预约，9店通用，需到店自提</p>
						</div>
					</div>
				</div>
				<div class="purchasesuccessdatails_Electronic_code">
					<div class="mui-row">
						<div class="mui-col-xs-12" style="display: flex;justify-content: space-between;color: #FF5053;font-weight: 400;">
							电子码:164654164646114 <img src="images/ico_16.png" style="width: 1.875rem;height: 1.875rem;" onclick="ElectronicCode()">
						</div>
						<div class="mui-col-xs-12">
							<p>已支付</p>
						</div>
					</div>
				</div>
				<div class="purchasesuccessdatails_info">
					<div class="mui-row">
						<div class="mui-col-xs-12">
							订单信息 <button style="background: #FFFFFF;color: #333333;float: right;">申请退款</button>
						</div>
						<div class="mui-col-xs-12" style="line-height: 2.5;">
							<p>订单号码：15461616546511</p>
							<p>购买数量：1</p>
							<p>用户姓名：七爷</p>
							<p>联系电话：15902931513</p>
							<p>订单号码：15461616546511</p>
							<p>有效日期：2020/12/12-2030/12/12</p>
						</div>
					</div>
				</div>
				<button onclick="im()" style="display: block;margin: auto;background: #FF5053;border: none;color: #FFFFFF;">拨打客服电话</button>
			</div>
		</div>
		<script src="js/mui.js"></script>
		<script type="text/javascript">
			mui.init()
			mui('body').on('tap', 'a', function() {
				window.top.location.href = this.href;
			});
			function ElectronicCode() {
				mui.alert("<img src='images/ico_16.png'><p style='color:#FF5053'>出示该二维码即可消费该订单</p><p>为避免网络不佳影响使用，建议截图保存在相册使用</p>",
					"电子二维码")
			}
			function im(){
				mui.alert("<p style='color:#333;font-size:15px;text-align:left;line-height:40px;border-top:1px solid #e9e9e9;margin:0'><a href='#'>在线客服<img src='images/ico_22.png' style='width:20px;height:20px;margin-top:10px;float:right'/></a></p><p style='color:#333;font-size:15px;text-align:left;line-height:40px;border-top:1px solid #e9e9e9;margin:0'><a href='tel:15902931513'>15902931513<img src='images/ico_04.png' style='width:20px;height:20px;margin-top:10px;float:right'/></a></p><p style='color:#333;font-size:15px;text-align:left;line-height:40px;border-top:1px solid #e9e9e9;margin:0'><a href='tel:15902931513'>15902931513<img src='images/ico_04.png' style='width:20px;height:20px;margin-top:10px;float:right'/></a></p><p style='color:#333;font-size:15px;text-align:left;line-height:40px;border-top:1px solid #e9e9e9;margin:0'><a href='tel:15902931513'>15902931513<img src='images/ico_04.png' style='width:20px;height:20px;margin-top:10px;float:right'/></a></p>","联系客服")
			}
		</script>
	</body>

</html>
